<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		
	</head>

	<body class="section_home">

		<div id="top-content">
		    <div id="intro" class="row">
		        <!-- cinder docs version links -->
		        <div id="downloads" class="columns medium-4 large-3 hide-for-small">
		            <ul>
		                <li data-ci-version="0.9.3"><a href="https://libcinder.org/docs/release/v0.9.3/">Latest Release (v0.9.3)</a></li>
		                <li data-ci-version="0.9.4dev"><a href="https://libcinder.org/docs/branch/master/">Master (v0.9.4dev)</a></li>
		            </ul>
		        </div>

		        <!-- intro -->
		        <div class="content content-column columns medium-7 large-8 end">
		            <h1>Cinder Documentation</h1>
		            <p>If you are just getting started, we recommend you begin with the <a href="guides/opengl/index.html">OpenGL in Cinder</a> guide. If you'd like to just get a sense of what's in Cinder, take a look at the <a href="reference/index.html">Categories list</a>. And don't forget, the samples are still the best way to learn Cinder for now as we work to fill out the documentation.</p>
		        </div>
		    </div>
		</div>

		<!-- guides and features section -->
		<div id="mid-content">
			<div class="row">

				<!-- guide links -->
				<div class="columns large-3">
					<label>Cinder Guides</label>
					<ul class="fancy">	
						<li><a href="guides/mac-setup/index.html">Setup Cinder on OS X</a></li>
						<li><a href="guides/windows-setup/index.html">Setup Cinder on Windows</a></li>
						<li><a href="guides/git/index.html">Cinder + Git</a></li>
						<li><a href="guides/tinderbox/index.html">TinderBox</a></li>
						<li><a href="guides/cinder-blocks/index.html">CinderBlocks</a></li>
						<li><a href="guides/opengl/index.html">OpenGL in Cinder</a></li>
					</ul>
					<a class="cta-arrow" href="guides/index.html">All Guides</a>
				</div>

				<!-- library features -->
				<div class="columns content-column large-7 end">
					<label>Categories</label>
					<ul class="library-features clearing-thumbs small-block-grid-2 medium-block-grid-3 large-block-grid-5">
						<li>
							<a href="reference/geometry.html">
								<div class="img-holder">
									<img src="_assets/images/icons/geom_red.svg">
								</div>
							<div class="title">Geometry</div></a></li>
						<li>
							<a href="reference/math.html">
								<div class="img-holder">
									<img src="_assets/images/icons/math_red.svg" >
								</div>
							<div class="title">Math</div></a></li>
						<li>
							<a href="reference/system.html">
								<div class="img-holder">
									<img src="_assets/images/icons/system_red.svg">
								</div>
							<div class="title">System</div></a></li>
						<li>
							<a href="reference/platform.html">
								<div class="img-holder">
									<img src="_assets/images/icons/platform_red.svg">
								</div>
							<div class="title">Platform</div></a></li>
						<li>
							<a href="reference/opengl.html">
								<div class="img-holder">
									<img src="_assets/images/icons/opengl_red.svg">
								</div>
							<div class="title">OpenGL</div></a></li>
						<li>
							<a href="reference/2dgraphics.html">
								<div class="img-holder">
									<img src="_assets/images/icons/2d_red.svg">
								</div>
							<div class="title">2D Graphics</div></a></li>
						<li>
							<a href="reference/audio.html">
								<div class="img-holder">
									<img src="_assets/images/icons/audio_red.svg">
								</div>
							<div class="title">Audio</div></a></li>
						<li>
							<a href="reference/video.html">
								<div class="img-holder">
									<img src="_assets/images/icons/video_red.svg">
								</div>
							<div class="title">video</div></a></li>
						<li>
							<a href="reference/images.html">
								<div class="img-holder">
									<img src="_assets/images/icons/images_red.svg">
								</div>
							<div class="title">Images</div></a></li>
						<li>
							<a href="reference/application.html">
								<div class="img-holder">
									<img src="_assets/images/icons/app_red.svg">
								</div>
							<div class="title">App</div></a></li>
					</ul>

				</div> <!-- content-column -->
			</div> <!-- row -->
		</div>


		<div id="bottom-content">
			<div class="row">

				<!-- sample links -->
				<div class="columns large-12 content">
					<label>Samples</label>
					<p>Cinder ships with numerous <a href="https://github.com/cinder/Cinder/tree/master/samples">samples</a> which are designed to demonstrate specific features of the library. Studying these samples is one one of the most direct routes for learning Cinder. A few examples:</p>
				</div>
			</div>
			<ul class="row samples fancy">
				<li class="columns large-4">
					<a href="https://github.com/cinder/Cinder/tree/master/samples/_opengl/NormalMapping">
					<div class="img-wrap"><img src="_assets/images/normal_mapping_sample.jpg"></div>
					Normal Mapping</a>
				</li>
				<li class="columns large-4">
					<a href="https://github.com/cinder/Cinder/tree/master/samples/_opengl/SuperformulaGPU">
					<div class="img-wrap"><img src="_assets/images/superformula_sample.jpg"></div>
					Superformula GPU</a>
				</li>
				<li class="columns large-4">
					<a href="https://github.com/cinder/Cinder/tree/master/samples/Geometry">
					<div class="img-wrap"><img src="_assets/images/geometry_sample.jpg"></div>
					Geometry</a>
				</li>
			</ul>
		</div>

		<script type="text/javascript">
			// select the current version of the cinder docs
			var versionNav = $('#top-content').find('[data-ci-version="' + window.cinderVersion + '"]');
			if(versionNav)
				versionNav.addClass('active');
		</script>
	</body>
</html>
